﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="ThanhToanStep1.aspx.cs" Inherits="IMark.ThanhToanStep1" %>
<%@ Register src="UC/SummaryGioHangCtrl.ascx" tagname="SummaryGioHangCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SanPhamHotCtrl.ascx" tagname="SanPhamHotCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SanPhamDacBietCtrl.ascx" tagname="SanPhamDacBietCtrl" tagprefix="uc1" %>
<%@ Register src="UC/DangKyNhanTinCtrl.ascx" tagname="DangKyNhanTinCtrl" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <%--<link href="Admin/css/bootstrap.min.css" rel="stylesheet" />--%>
    <style type="text/css">
        .alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert {
padding: 5px;
margin: 10px 0px;
border: 1px solid transparent;
border-radius: 4px;
}
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <!-- Page title -->
    <div class="row clearfix f-space10"></div>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="page-title">
        <h2>Thanh Toán <span>(3 bước)</span></h2>
      </div>
    </div>
  </div>
</div>
<!-- end: Page title -->

<div class="row clearfix f-space10"></div>

<div class="container"> 
  <!-- row -->
  <div class="row">
    <div class="col-md-9 col-sm-12 col-xs-12 main-column box-block"> 
      
      <!-- Checkout Options -->
      <div class="box-content checkout-op">
        <div class="panel-group" id="checkout-options">

          <div class="panel panel-default">
            <div class="panel-heading opened" id="Step1" data-parent="#checkout-options">
              <h4 class="panel-title"> <a href="#a"> <span class="fa fa-cogs"></span>Đăng Nhập </a><span class="op-number">01</span> </h4>
            </div>
            <div class="panel-collapse collapse in" id="op1">
              <div class="panel-body">
                <div class="row co-row"> 
                  
                  <!-- Login -->
                  <div class="col-md-6 col-xs-12">
                    <div class="box-content login-box">
                      <h4>Tôi đã có tài khoản tại BayMax.vn</h4>
                        <%--<form>--%>
                        <div id="error">

                        </div>
                        
                            <input id="txtTenDangNhap" type="text" placeholder="Email/Username" class="input4" required/>

                        <input id="txtMatKhau" type="password" placeholder="Password" class="input4" required/>
                        <label class="checkbox" for="checkbox1">
                          <%--<input type="checkbox" id="checkbox1" data-toggle="checkbox" class="pull-left">--%>
                        </label>
                        
                        <button id="btnDangNhap" class="btn medium color2 pull-right">Đăng Nhập</button>
                        <p class="fp-link pull-right"><a href="#a" class="color2">Tôi đã quên mật khẩu?</a></p>
                      <%--</form>--%>
                    </div>
                  </div>
                  <!-- end: Login --> 
                  <!-- Register -->
                  
                  <div class="col-md-6 col-xs-12">
                    <div class="box-content register-box">
                      <h4>Bạn chưa đăng ký?</h4>
                      <p>Đăng ký tài khoản để sử dụng các chức năng:</p>
                      <ul>
                        <li><i class="fa fa-check fa-fw"></i> Dễ dàng và thanh toán nhanh chóng.</li>
                        <li><i class="fa fa-check fa-fw"></i> Dễ dàng truy cập vào lịch sử đặt hàng và trạng thái đơn hàng.</li>
                        <li><i class="fa fa-check fa-fw"></i> Tích lũy điểm tại website chúng tôi. </li>
                        <li><i class="fa fa-check fa-fw"></i> Lưu lại thông tin và địa chỉ, bạn sẽ không phải nhập lại.</li>
                      </ul>
                        <button class="btn medium color2 pull-right" onclick="RedirectDangKy()">Đăng ký</button>
                        <p class="fp-link pull-right">
                            <a href="ThanhToanStep2.aspx" class="color2">Đặt hàng mà không cần đăng ký</a>
                        </p>
                    </div>
                  </div>
                  
                  <!-- end: Register --> 
                  
                </div>
              </div>
            </div>
          </div>

            <div class="panel panel-default">
            <div class="panel-heading closed"  id="Step2" data-parent="#checkout-options" data-target="#op2" data-toggle="collapse">
              <h4 class="panel-title"> <a href="#a"> <span class="fa fa-map-marker"></span> Thông Tin Giao Hàng </a><span class="op-number">02</span> </h4>
            </div>
            
          </div>
          

          
          <div class="panel panel-default"> <!-- add class disabled to prevent from clicking -->
            <div class="panel-heading closed"  id="Step3" data-parent="#checkout-options" data-target="#op5" data-toggle="collapse">
              <h4 class="panel-title"> <a href="#a"> <span class="fa fa-money"></span> Thông Tin Thanh Toán </a><span class="op-number">03</span> </h4>
            </div>
            
          </div>
        </div>
    </div>
    </div>
    <div class="col-md-3 col-sm-12 col-xs-12 box-block page-sidebar">
      <uc1:SummaryGioHangCtrl ID="SummaryGioHangCtrl1" runat="server" />
      
      <!-- end: Cart Summary -->
      
      <div class="clearfix f-space30"></div>
      <uc1:SanPhamDacBietCtrl ID="SanPhamDacBietCtrl1" runat="server" />
      <div class="clearfix f-space10"></div>
      <!-- Get Updates Box -->
      <uc1:DangKyNhanTinCtrl ID="DangKyNhanTinCtrl1" runat="server" />
      <!-- end: Get Updates Box --> 
      
    </div>
    <!-- end:sidebar --> 
  </div>
</div>
    
    <div class="row clearfix f-space30"></div>
    <script>
        
        $("#btnDangNhap").click(function () {

            if(CheckNull())
            {
                id = document.getElementById("txtTenDangNhap").value;
                pw = document.getElementById("txtMatKhau").value;
                //rm = document.getElementById("checkbox1").checked;
                rm = false;
                $.ajax({
                    url: "AjaxLogin.aspx",
                    data: "id=" + id + "&pw=" + pw + "&rm=" + rm,

                    success: function (msg) {
                        if (msg != "false")
                            window.location = "/ThanhToanStep2.aspx";
                        else {
                            var html = "<div class='alert alert-danger'>Tên đăng nhập hoặc mật khẩu không đúng";
                            $("#error").html(html);
                        }

                    }
                });
            }
        })

        CheckNull = function()
        {
            var bool = true;
            var html = "<div class='alert alert-danger'>";
            if(document.getElementById("txtTenDangNhap").value =="")
            {
                bool = false;
                html+='Tên Đăng Nhập không được phép trống';
            }
            else if(document.getElementById("txtMatKhau").value=="")
            {
                bool = false;
                html+='Mật khẩu không được phép trống';
            }
            html += "</div>";
            if(!bool)
            {
                $("#error").html(html);
            }
            return bool;
        }
        RedirectDangKy = function () {
            window.location = "DangKyTaiKhoan.aspx";
        }
</script>
</asp:Content>
